/* 公共样式 */
/* 页面大小 */
body,h2,ul,li{
	margin: 0;
	padding: 0;
}
.container   /* 类选择器 ，容器的大小*/
{
	width: 1920px; /*容器的宽度和高度*/
	height: 1080px;
	background: url(../Images/bg.png) no-repeat center center  ;  /*图片插入居中，不重复*/
	
	
}
.middle
{
	width: 1840px;
	margin: 0 auto;  /*版心在容器中居中，只有设置了宽度时有效果*/
}
.l
{
	float: left;     /*块级元素中可以使用*/
}
.r{
	float: right;
}
.header{
	width: 1920px; /*容器的宽度和高度*/
	height: 260px;
	background: url(../Images/top-bg_01.png) no-repeat center top ;
	font-family: "微软雅黑";
}

/*.header_top 部分的样式*/
.header_top{
	height: 108px;
	padding-top: 50px;
	
	
}


.header_top_left,
.header_top_right{
	width: 570px;
	height: 100%;
	
}
.header_top_middle{
	width: 700px;
	height: 100%;
}
/*头部左侧菜单按钮设置*/
.header_top_left ul,
.header_top_right ul{
	height:100%
	padding-top: 10px;
}
/*列表实现水平布置 文字居中 */
.header_top_left ul li,
.header_top_right ul li{
	/* display: inline-table; */
	/* display: inline-block; */
	float: left;      
	width: 153px;
	height: 42px;
	text-align: center;
	line-height: 42px;
	
}
.header_top_left ul li:first-child{
	
	text-align: left;
	width: 106px;
}
.header_top_right ul li:last-child{
	
	text-align: right;
	width: 96px;
}
.header_top_right ul li:first-child{
	margin-left: 160px;
	
}

.header_top_left ul li a,
.header_top_right ul li a
{
	display: inline-block;
	width: 153px;
	height: 42px;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 0 10px #0190f5;
}
.header_top_left ul li a{
	background: url(../Images/top/top_07.png);
}
.header_top_right ul li a{
	background: url(../Images/top/top_08.png);
}
.header_top_left ul li:first-child a,
.header_top_right ul li:last-child a{
	background: none;
}

.header_top_left ul li:first-child a{
	width: 106px;
	
}
.header_top_right ul li:last-child a{
	width: 96px;
}

/*鼠标移动上去显示模糊效果*/
.header_top_left ul li a:hover,
.header_top_right ul li a:hover{
	text-shadow: 0 0 10px #ffe89d;
	
}
.header_top_left ul li a:hover{
	background: url(../Images/top/top_06.png) no-repeat;
}
.header_top_right ul li a:hover{
	background: url(../Images/top/top_09.png) no-repeat;
}
.header_top_left ul li:first-child a:hover{
	background: none;
}
.header_top_right ul li:last-child a:hover{
	background: none;
}
.header_top_left ul li:first-child a:hover span{
	background-image:  url(../Images/top/top_03_1.png) ;
}
.header_top_right ul li:last-child a:hover span{
	background-image:  url(../Images/top/top_11.png) ;
}
.header_top_left ul li:first-child a span,
.header_top_right ul li:last-child a span{
	display: inline-block;
	width: 42px;
	height: 42px;
	vertical-align: middle;       /*盒模型和文本垂直居中对齐 */
}


.header_top_left ul li:first-child a span{
	background-image: url(../Images/top/top_03.png) ;
}
.header_top_right ul li:last-child a span{
	background-image: url(../Images/top/top_10.png) ;
}

.header_top_middle h2{
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
	font-size: 48px;
	color: #fff;
	text-shadow: 0 0 10px #008ff2;
	height: 100%;
}
/*.header_bottom 部分的样式*/
.header_bottom{
	height: 102px;
	/* background-color: red; */
}
.header_bottom_left,
.header_bottom_right{
	width: 490px;
	height: 75px;
	line-height: 75px;
}
.header_bottom_left{
	/* text-align: center; */
}

.header_bottom_right{
	text-align: right;
}
.header_bottom_middle{
	width: 860px;
	height: 75px;
	position: relative;
	
}
.header_bottom_left span,
.header_bottom_right span{
	color: white;
	font-size: 18px;
	
}
.header_bottom_left span{
	margin-left: 5px;
}
.header_bottom_right span::before{
	content:'';
	display: inline-block;
	width: 65px;
	height: 65px;
	background-image: url(../Images/nav/system-status_06.png);
	vertical-align: middle;
}

/*head_bottom_middle*/
.header_bottom_middle ul{
	width: 500px;
	height: 75px;
	background: url(../Images/nav/nav_03.png) no-repeat;
	position: absolute;
	left: 50%;
	transform: translateX(-250px);
}
.header_bottom_middle ul li{
	color: white;
	height: 100%;
	font-size: 39px;
	font-weight: bold;
	text-align: center;
	line-height: 75px;
	display: none;
}
.header_bottom_middle ul li.active{
	display: block;
}
.btn{
	width: 40px;
	height: 48px;
	position: absolute;
	top:50%;
	transform: translateY(-20px);
	cursor: pointer;
}
.btn_left{
	background: url(../Images/nav/nav_06.png) no-repeat;
	left: 0px
}
.btn_right{
	background: url(../Images/nav/nav_07.png) no-repeat;
	right: 0px;	
}
